{extend name="common:base" /}

{block name="title"}天佑二手货{/block}
{block name="page"}index{/block}
{block name="css"}<link rel="stylesheet" type="text/css" href="__STATIC__/css/index.css">{/block}
{block name="style"}
<style type="text/css">
        .photo {
            position: relative;
        }
        .photos {
            margin:auto;
            font-size:0px;
        }
</style>
{/block}

{block name="main"}
<div id="index-wrap">
    <div class="am-g am-g-fixed navigation">
        <div class="am-u-sm-3">
            <div class="am-cf">
                <ul class="main am-fl">
                    <li><a href="#">图书资料 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                    <li><a href="#">电气设备 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                    <li><a href="#">运动健身 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                    <li><a href="#">电脑周边 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                    <li><a href="#">日常生活 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                    <li><a href="#">娱乐活动 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                    <li><a href="#">衣裤鞋袜 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                    <li><a href="#">杂七杂八 <i class="am-icon am-icon-chevron-right am-padding-left-sm"></i></a></li>
                </ul>
                <div class="sub am-fl"></div>
            </div>
        </div>
        <div class="am-u-sm-9">
            <div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0">
                <ul class="am-slides">
                    <li><img src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></li>
                    <li><img src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="am-g am-g-fixed">
        <ul class="am-avg-sm-4 recommend">
            <li><div class="box">专题1</div></li>
            <li><div class="box">专题2</div></li>
            <li><div class="box">专题3</div></li>
            <li><div class="box">专题4</div></li>
        </ul>
    </div>
</div>

<div id="floor-wrap">
    <div class="am-g am-g-fixed">
        <section class="floor">
            <h2 class="title">
                <span class="decoration"></span> 图书资料
                <small class="am-margin-left-lg"><a href="">查看所有 <i class="am-icon am-icon-angle-double-right"></i> </a></small>
            </h2>
            <div class="item-wrap">
                <div class="photos">
                    <div class="photo">
                        <img src="__STATIC__/images/587x602.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/523x205.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x320.png">
                    </div>
                </div>
            </div>
        </section>
        <section class="floor">
            <h2 class="title">
                <span class="decoration"></span> 电气设备
                <small class="am-margin-left-lg"><a href="">查看所有 <i class="am-icon am-icon-angle-double-right"></i> </a></small>
            </h2>
            <div class="item-wrap">
                <div class="photos">
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x280.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/340x834.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x320.png">
                    </div>
                </div>
            </div>
        </section>
        <section class="floor">
            <h2 class="title">
                <span class="decoration"></span> 运动健身
                <small class="am-margin-left-lg"><a href="">查看所有 <i class="am-icon am-icon-angle-double-right"></i> </a></small>
            </h2>
            <div class="item-wrap">
                <div class="photos">
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x600.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x400.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x900.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/694x327.png">
                    </div>
                    <div class="photo">
                        <img src="__STATIC__/images/600x320.png">
                    </div>
                </div>
            </div>
        </section>


    </div>
</div>
{/block}

{block name="js"}
<script src="__STATIC__/js/jquery.xgallerify.min.js"></script>
<script type="text/javascript">
    var gallery = $('.photos').gallerify({
        margin:4,
        mode:'bootstrap',
        lastRow:'adjust'
    });
</script>
{/block}